@extends('layouts.app')

@section('title', '活动资讯')

@section('header')
    @include('layouts.header-two')
@stop

@section('style')
    <style>
        .pagination>.active>span {background-color: #D33829; border-color: #D33829}
        .pagination>.active>span:hover {background-color: #D33829; border-color: #D33829}
        .pagination > li > a, .pagination > li > span { color:#444}
    </style>
@stop

@section('content')
    <div class="details">
        <div class="container">
            <div class="details-content">
                <h2 class="ht-activity-headtitle">
                    <img src="{{ asset('statics/images/icon_tap_activity.png') }}" alt="活动展示" >
                </h2>
                <div class="row">
                    @foreach($activities as $activity)
                    <div class="col-md-5ths col-xs-6 hy-row hy-activity">
                        <a href="{{ $activity->url }}" target="_blank" class="hy-tradebook">
                            <img src="{{ asset('uploads/' . $activity->image) }}"
                                 alt="Fun Characters Learning 3">
                            <p class="lead hy-title-lead">{{ $activity->title }}</p>
                            <small class="hy-datetime">{{ date('Y-m-d', strtotime($activity->created_at)) }}</small>
                        </a>
                    </div>
                    @endforeach
                </div>
                <div class="page">
                    {!! $activities->render() !!}
                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    @include('layouts.footer')
@stop